<ng-template
  cdk-connected-overlay
  [cdkConnectedOverlayOpen]="isOpen"
  [cdkConnectedOverlayHasBackdrop]="trigger === 'click'"
  [cdkConnectedOverlayPositions]="positions"
  [cdkConnectedOverlayOrigin]="origin"
  (positionChange)="onOverlayPositionChange($event)"
  (backdropClick)="hide()">
  <div class="nt-overlay-container {{paddingClass}} {{overlayClass}}"
    (mouseenter)="onMouseEnter()"
    (mouseleave)="onMouseLeave()"
    [class.no-spacing]="noSpacing"
    [@fade]
    (@fade.start)="onAnimationStart($event)"
    (@fade.done)="onAnimationDone($event)">
    <div class="nt-overlay-shadow"></div>
    <div class="nt-overlay-arrow" *ngIf="arrow"></div>
    <div class="nt-overlay-pane">
      <ng-content></ng-content>
    </div>
  </div>
</ng-template>
